<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>
<style>
    .container {
        counter-reset: section;
    }
    
    h1 {
        counter-reset: subsection;
    }
    
    h1::before {
        counter-increment: section;
        content: counter(section) ".  ";
    }
    
    h2::before {
        counter-increment: subsection;
        content: counter(section) ".  " counter(subsection) "  ";
    }
</style>

<body>
    <div class="container">
        <h1>Html Tutorials</h1>
        <h2>Html Tutorials</h2>
        <h2>Html Tutorials</h2>
        <h2>Html Tutorials</h2>
        <h1>javaScript</h1>
        <h2>javaScript</h2>
        <h2>javaScript</h2>
        <h1>XML tutorials</h1>
        <h2>XML tutorials</h2>
        <h2>XML tutorials</h2>
    </div>
</body>

</html>